.web-react {
  .ant-modal:not(.ant-modal-confirm) {
    .ant-modal-content>.ant-modal-header {
      display: flex;
      align-items: center;
      box-sizing: border-box;
      height: 40px !important;
      padding: 0 20px;
      background-color: var(--color-c03) !important;

      .ant-modal-title {
        color: var(--color-c00);
        font-size: 14px;
      }
    }

    .ant-modal-content {
      .ant-modal-close-x {
        width: 40px !important;
        height: 40px !important;
        color: #fff;
        line-height: 40px !important;
      }
    }
  }

  .fieldmodal {
    .ant-modal-body {
      padding: 0;
    }

    .ant-modal-footer {
      border-top: none;
    }

    .fieldrow {
      box-sizing: border-box;
      padding: 0 12px;
    }

    .field_label {
      padding: 0 24px;
    }

    .fieldrow:hover {
      background-color: var(--color-c13);
    }
  }

  .ant-modal-content>.ant-modal-footer {
    padding: 20px 20px;
  }
}
